<template>
  <div class="details-page">
    <div class="details-page-img">
      <img src="../../../static/bg-img/b5.jpg" alt="">
      <post-date></post-date>
    </div>
    <div class="details-page-content safe-width">
     <el-row>
       <el-col :span="18" :xs="24">
         <card-text1></card-text1>
         <detail-personal></detail-personal>
         <comment></comment>
       </el-col>
       <el-col :span="6" :xs="24">
         <div class="wrapper-item mg0 pd10">
           <search1></search1>
         </div>
         <div class="wrapper-item mg0 pd10">
           <post1></post1>
         </div>
         <div class="wrapper-item mg0 pd10">
           <tag1></tag1>
         </div>
       </el-col>
     </el-row>
    </div>
  </div>
</template>

<script>
import postDate from '@/components/postDate/postDate'
import cardText1 from '@/components/textcard/cardText1'
import detailPersonal from './detailPersonal'
import search1 from '@/components/search/search1'
import tag1 from '@/components/tags/tag1'
import post1 from '@/components/posts/post1'
import comment from '@/components/comment'
export default {
  name: 'details-page',
  components: {
    postDate, cardText1, detailPersonal, search1, tag1, post1, comment
  }
}
</script>

<style scoped lang="less">
.details-page{
  .details-page-img{
    position: relative;
    img{
      width: 100%;
    }
  }
  .details-page-content{
    margin: 30px auto;
  }
}
</style>
